<!--首页-活动(轮播图)-->
<template>
  <slider class="banner-size main1" interval="3000" auto-play="true" >
    <div class="banner-size" v-for="(item, index) in banners" v-bind:key="index" @click="click(item)">
      <LImage class="banner-size" resize="cover" :src="item.imageUrl"></LImage>
    </div>
    <indicator class="banner-indicator" v-if="banners.length > 1"></indicator>
  </slider>
</template>

<style src="@/_css/style.css" ></style>
<style scoped>
.banner-size{
  width: 710px;
  height: 200px;
  border-radius: 24px;
}
.banner-indicator{
  width: 708px;
  height: 12px;
  item-color:rgba(255, 255, 255, 0.2) ;
  item-selected-color:#ffffff;
  item-size: 12px;
  bottom: 8px;
  position: absolute;
}
</style>

<script>

export default {
  
  props:{
    banners:{
      type:Array,
      default:undefined,
    },
  },
  
  data() {
    return {
    };
  },

  created() {
  },

  methods: {
    /********************************** 点击触发*/
    //活动点击
    click(item){
      this.$emit("click", item);
    }
  }
}
</script>

